import request from "../untils/request";
// pages/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    banner: [],//轮播图数据
    scroll: [],//推荐歌单
    ranklist: [],//排行榜数据

  },

  /**
   * 生命周期函数--监听页面加载
   */

  onLoad: async function (options) {
    /*网络请求封装在untils里的request.js*/
    /*轮播图的网络请求*/
    let bannerresult = await request('/banner', { type: 2 })
    let scollItemresult = await request('/personalized', { limit: 10 })
    //根据idx获取数据，取值0-4，连续发五次
    let index = 0;
    let resultArr=[]
    while (index < 5) {
      let ranklistData = await request('/top/list', { idx: index++ })
      //截取先相应的数据 splice(会改变原数组) slice（不会改变原数组）
      let rankitem={name:ranklistData.playlist.name,tracks:ranklistData.playlist.tracks.slice(0,3)}
      resultArr.push(rankitem)
      //不需要五次请求发送完再渲染
      this.setData({
        ranklist: resultArr
      })

    }
    //console.log('请求结果为', scollItemresult);
    // console.log('数据结果为', bannerresult); 

    this.setData({
      banner: bannerresult.banners,
      scroll: scollItemresult.result,
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})